<template>
  <div class="centerMainWidth gameMain">
    <div class="gameContent">
      <Card gameName="今日运势"/>      
      <Card/>      
      <Card/>      
      <Card/>      
      <Card/>      
      <Card/>
      <Card/>
    </div>
  </div>
</template>

<script setup>
import Card from './card'
</script>

<style lang="scss">
.gameMain{
  min-height: 700px;
  background-color: var(--ground-new-background-color);
  border-radius: 30px;
  padding: 1.5rem;
  margin-top: 8rem;
  .gameContent {
    display: flex;
    flex-wrap: wrap; /* 允许子元素换行 */
    justify-content: center;
    gap: 1.5rem; /* 设置子元素之间的间距 */
  }
}
</style>